.hvacLayout {
	width: 100%;
	height: 100%;
	display: flex;
}

.hvacLeft {
	width: 100%;
	height: 100%;
	display: flex;
	flex: 1;
	margin-right: 0.5vw;
}

.hvacRight {
	width: 100%;
	height: 100%;
	display: flex;
	flex: 2;
}

.hleft_echart {
	width: 100%;
	height: 80%;
}

.hvac-right-container {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80%;
}

.border_box {
	background: linear-gradient(to left, #808080, #808080) left top no-repeat,
		linear-gradient(to bottom, #808080, #808080) left top no-repeat,
		linear-gradient(to left, #808080, #808080) right top no-repeat,
		linear-gradient(to bottom, #808080, #808080) right top no-repeat,
		linear-gradient(to left, #808080, #808080) left bottom no-repeat,
		linear-gradient(to bottom, #808080, #808080) left bottom no-repeat,
		linear-gradient(to left, #808080, #808080) right bottom no-repeat,
		linear-gradient(to left, #808080, #808080) right bottom no-repeat;
	background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px;
	padding: 1px
}

.border_inner {
	width: 100%;
	height: 100%;
	border: solid 1px rgba(255, 255, 255, 0.3);
	display: flex;
	flex-direction: column;
}

.fright_echart {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: space-around;
}

.svg polyline {
	fill: none;
	stroke: rgba(189, 217, 243);
	stroke-width: 6;
	stroke-linejoin: round;
}

.svg .flow {
	animation: dash 12s linear infinite;
	fill: none;
	stroke-dasharray: 20, 20;
	stroke-linejoin: round;
	stroke: #3030fc;
	stroke-width: 4;
}

.svg text {
	text-anchor: middle;
	font-family: '微软雅黑';
	font-size: 13px;
	fill: white;
	text-decoration: none;
}

.svg rect {
	stroke: #8b8bfc;
	stroke-width: 1;
}

@keyframes dash {
	to {
		stroke-dashoffset: -200;
	}
}
